<template>
    <Jmodal2 :visible="true"
             title="收费站详情"
             :left="left" :top="top" width="400" @cancel="cancelP"
             ref="jmodal2"
    >
        <div>
            <div>
                <span class="opacity08 detailLabel">名称：</span><span>{{data.name}}</span>
            </div>
            <div>
                <span class="opacity08 detailLabel">所属高速：</span><span>{{data.expressWay}}</span>
            </div>
            <div>
                <span class="opacity08 detailLabel">方向：</span><span>{{data.direction|sysDic('drivingDirection')}}</span>
            </div>
            <div>
                <span class="opacity08 detailLabel">状态：</span><span>{{data.status|sysDic('gateStatus')}}</span>
            </div>
            <div>
                <div class="opacity08 detailLabel">图片：</div>
                <div class="w-100 d-flex flex-wrap">
                    <img alt="" v-for="item of data.imgs" :src="item" style="width: 33%;padding:2px;">
                </div>

            </div>

        </div>
    </Jmodal2>
</template>

<script>
    import Jmodal2 from "@/components/jmodal2.vue";
    import {sysDic} from "../../common/filters";

    export default {
        name: "policeInforDetail",
        components: {Jmodal2},
        filters: {sysDic},
        data() {
            return {
                data: {},
                left: 500,
                top: 100,
            }
        },
        methods: {
            cancelP() {
                this.$refs.jmodal2.removeMoveListener()
                this.$destroy();
                document.getElementById('mapInforDetailBox').removeChild(this.$el)
            },
        }, mounted() {
            this.$refs.jmodal2.addMoveListener()
        }
    }
</script>

<style scoped>

</style>
